<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>	</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
</head>
<style>	
      


	  body{
	  	text-align: center;
		margin: 100px auto;
	  }	
	  img{
		opacity: 0.8;
		transition: box-shadow .5s;
	  }
	  img:hover{
		opacity: 1;
		box-shadow: -10px -10px 0 white,10px 10px 0 white,-20px -20px 0 olive,20px 20px 0 cyan;
		border-top-left-radius: 5px;
		border-bottom-right-radius: 5px;
	  }
     
</style>	  
<body>
		 
	  <img width="200" src="http://p1.qhimg.com/bdm/384_237_0/t01e0a6c29ff347881b.jpg" alt="">	

</body>
</html>